
//引用common.less文件夹

@import 'common.less';

//头部样式开始

#head_wrap{
    width: 100%;
    height: auto;
}

#header_center1{
    max-width: 1340px;
    height: 100px;
    margin: 0 auto;
    .header-left{
        width: 120px;
        height: 100px;
        background: url(../img/htc-logo.png) no-repeat 20px 50px;
        float: left;
    }
    .header-content{
        min-width: 721px;
        height: 100px;
        float: left;
        ul{
            min-width: 721px;
            height: 100px;
            li{
                float: left;
                .title-inner{
                    height: 100px;
                    padding: 55px 45px 0px 45px;
                       
                }
            }
        }
    }
    .header-right{
        float: right;
        min-width: 306px;
        height: 87px;
        margin-top: 5px;
        margin-right: 20px;
        ul{
            min-width: 306px;
            height: 50px;
            padding: 10px 0px;
            li{
                float: left;
                a{
                    display: block;
                    padding: 8px 0px;
                    color: #A5CF4C;
                    font-weight: bold;
                    font-size: 12px;
                    &:hover{
                        color: #78AC25;
                    }
                }
                .dot_green{
                    margin-top: 5px;
                    width: 30px;
                    height: 30px;
                    text-align: center;
                    color: #A5CF4C;
                    font-size: 30px;
                    line-height: 10px;
                }
            }
        }
        .search_div{
            width: 240px;
            height: 37px;
            margin-left: 50px;
            .search-inner{
                width: 225px;
                height: 37px;
                color: #999999;
                border-bottom: 2px solid #CBCBCB;
                input{
                    border: none;
                    float: left;
                    background: none;
                }
                .search_k{
                    width: 200px;
                    height: 35px;
                    padding: 7px 5px 5px 5px;
                    
                }
                .search_i{
                    width: 25px;
                    height: 35px;
                    background: url(../img/magnify.png) no-repeat 3px 6px;
                }
            }
        }
    }
}

//横nav

#header_center2{
    height: 41px;
    background: #D5DFDD;
    .header_inner_nav{
        width: 1170px;
        height: 41px;
        margin: 0 auto;
        border-bottom: 1px solid #D5DFDD;
        .nav_left_wrap{
            position: relative;
            width: 220px;
            height: 40px;
            float: left;
            .m-title{
                width: 220px;
                height: 40px;
                background: #418D82;
                color: white;
                .w_c(40px);
            }
            .widget_height{
                position: absolute;
                left: 0px;
                top: 41px;
                width: 220px;
                height: 504px;
                z-index: 2;
                display: none;
                .nav_b_ul{
                    width: 220px;
                    height: 504px;
                    .nav_b_li{
                        position: relative;
                        width: 220px;
                        height: 126px;
                        padding: 10px 15px;
                        border-top: 1px solid #D5DFDD;
                        background: url(../img/bg-dot-more.png);
                        &:hover{
                            background: rgba(0,0,0,0.5);
                        }
                        &:hover .second_nav{
                            display: block;
                        }
                        .second_nav{
                            display: none;
                            position: absolute;
                            top: 0px;
                            left: 220px;
                            width: 218px;
                            height: auto;
                            background: rgba(255,255,255,0.5);
                            .ul_two{
                                width: 218px;
                                height: auto;
                                .li_two{
                                    width: 218px;
                                    height: 70px;
                                    padding: 10px 15px;
                                    &:hover{
                                        background: rgba(0,0,0,0.8);
                                        color: #A5CF4C;
                                    }
                                    .a_inner_imgttt{
                                        display: block;
                                        float: left;
                                        width: 50px;
                                        height: 50px;
                                        margin-right: 7px;
                                    }
                                    p{
                                        float: left;
                                        line-height: 50px;
                                    }
                                }
                                .more{
                                    .w_c(30px);
                                }
                            }
                        }
                        
                        
                        
                         h4{
                            width: 190px;
                            height: 15px;
                            margin: 10px 0px;
                            font-size: 18px;
                            font-weight: 500;
                            color: #90BE78;
                        }
                        .widget_height{
                            padding: 0px 15px;
                            line-height: 20px;
                            .a_first_words{
                                height: 20px;
                                padding-right: 10px;
                                color: black;
                                &:hover{
                                    background: #90B883;
                                }
                            }
                        }
                        &:hover .widget_height .a_first_words{
                            color: white;
                        }
                    }
                }
            }
        }
    }
}

//横向导航
#nav_hengxiang{
    min-width: 650px;
    height: 41px;
    ul{
        height: 41px;
        li{
            height: 41px;
            float: left;
            a{
                display: block;
                height: 41px;
                padding:10px 20px;
                border-bottom: 1px solid #D5DFDD;
                transition: 0.5s; 
                &:hover{
                    color: black;
                    background: #B7C5C5;
                }
            }
        }
        .two_nav{
            position: relative;
            a:hover{
            color: white;
            background: #418D82;
            }
            &:hover .two_nav_inner{
                display: block;
            }
            .two_nav_inner{
                position: absolute;
                top: 41px;
                left: 0px;
                background: white;
                display: none;
                width: 550px;
                height: auto;
                .nav_h_two{
                    height: auto;
                    .nav_h_two_li{
                        float: left;
                        width: 550px;
                        height: 55px;
                        padding: 10px;
                        border-bottom: 1px solid #DFDFDF;
                        button{
                            background: transparent;
                            border: none;
                            width: 110px;
                            height: 34px;
                            padding: 6px 12px;
                            color: #428BCA;
                            border-radius:50%; 
                            &:hover{
                                color: white;
                                background: #ccc;
                                
                            }
                        }
                    }
                    .col_md_4{
                        height: auto;
                        float: left;
                        padding: 10px;
                        .img_link1{
                            &:hover{
                                background: #F3F3F3;
                            }
                            height: auto;
                            padding: 0;
                            display: block;
                            img{
                                width: 163px;
                            }
                        }
                        .menu_item{
                            &:hover{
                                background: #F3F3F3;
                            }
                            width: 100%;
                            height: auto;
                            padding: 10px 15px;
                            border-bottom: 1px solid #F3F3F3;
                        }
                    }
                }
            }
        } 
    }
}
